<template>
	<view class="container">
		<u-gap :bg-color="bgColor" :height="height" :margin-top="marginTop" :margin-bottom="marginBottom"></u-gap>
		<view class="content">
			<view class="u-flex u-row-between xinxi">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					设置以下信息是否对其他用户可见
				</view>
				<view class="u-m-r-20">
					不可见/可见
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					姓名
				</view>
				<view class="u-flex u-row-start">
					<switch checked class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					性别
				</view>
				<view class="u-flex u-row-start">
					<switch checked class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					毕业院校
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi"/>
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					专业
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi"/>
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					工作年限
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi"/>
				</view>
			</view>		
				<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					职称
				</view>
				<view class="u-flex u-row-start">
					<switch checked class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					执业资格
				</view>
				<view class="u-flex u-row-start">
					<switch checked class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					工作单位
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					工作地点
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					联系电话
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					邮箱
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					自评标签
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
			<view class="u-flex u-row-between">
				<view class="u-m-l-20 u-m-b-20 u-m-t-20">
					简介
				</view>
				<view class="u-flex u-row-start">
					<switch class="kaiqi" />
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				height: 20,
				bgColor: this.$u.color.bgColor,
				marginTop: 20,
				marginBottom: 20,
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	page{
		// padding-bottom: 100rpx;
	}
	.xinxi{
		
font-size: 26rpx;
color: #9DA2B0;
	}
	.touxiang {
		image {
			width: 115rpx;
			height: 132rpx;
			margin-right: 20rpx;
			margin-bottom: 20rpx;
		}
	}

	.detail {
		color: #FF9028;
	}

	.content {
		// margin-bottom: 100rpx;
		
		.rigtfont {
			font-size: 30rpx;
			color: #9EA2B0;
		}

		.kaiqi {
			transform: scale(0.6) !important;
		}
	}
	.button {
		width: 662rpx;
		height: 80rpx;
		font-size: 32rpx;
		margin:224rpx auto 95rpx auto;
		background: #ab61ff;
		border-radius: 40rpx;
		border: 0;
		color: #fff;
	
		&.u-hairline-border:after {
			border: 0;
		}
	}
</style>
